<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";
import { getInfo } from "@/api/login.js";

export default {
  name: "App",
  components: { ThemePicker },
  metaInfo() {
    return {
      title:
        this.$store.state.settings.dynamicTitle &&
        this.$store.state.settings.title,
      titleTemplate: (title) => {
        return title
          ? `${title} - ${process.env.VUE_APP_TITLE}`
          : process.env.VUE_APP_TITLE;
      },
    };
  },
  created() {
    console.log(JSON.stringify(this.$store.state.user.nickName));
    // let userId = "res.user.nickName";
    // this.watermark({ watermark_txt: userId });
  },
  mounted() {
    // getInfo().then((res) => {
    //   let userId = res.user.nickName;
    //   this.watermark({ watermark_txt: userId });
    // });
  },
  methods: {},
};
</script>

<!-- scoped -->
<style >
#app .theme-picker {
  display: none;
}
/* 隐藏浏览器自带的滚动条 */
body::-webkit-scrollbar {
  width: 0; /* 调整滚动条宽度 */
}

body::-webkit-scrollbar-track {
  background-color: transparent; /* 设置滚动条轨道背景色为透明 */
}

body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2); /* 设置滚动条滑块颜色 */
  border-radius: 0.25em; /* 设置滚动条滑块圆角 */
}

/* 显示页面内的滚动条 */
.scrollable-content {
  overflow-y: auto; /* 启用垂直滚动条 */
}
/*隐藏滚轮*/
/* ::-webkit-scrollbar {
  display: none;
} */
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* .el-table th>.cell {
    white-space: pre-wrap;
} */
/* //标题背景颜色 */
/* .el-table th {
  background-color: #027db4 !important;
}

/* //标题字体颜色 */
/* .el-table th > .cell {
  color: white;
} */
*/
/*去掉数字输入框上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
inpit {
  border: none;
}

/* 修改远程搜索框内容自适应 */
.autocomplete.el-popper[x-placement^="bottom"] {
  width: fit-content !important;
}

.el-table__body-wrapper::-webkit-scrollbar {
  width: 15px;
  /*滚动条宽度*/
  height: 15px;
  /*滚动条高度*/
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  /*滚动条的背景区域的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
  background-color: #eeeeee;
  /*滚动条的背景颜色*/
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*滚动条的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
  background-color: rgb(145, 143, 143);
  /*滚动条的背景颜色*/
}

.el-table__body-wrapper {
  z-index: 2;
}
.el-tabs__nav {
  padding-left: 1%;
}
/*去掉tabs底部的下划线*/
.el-tabs__nav-wrap::after {
  position: static !important;
}

.el-tabs__active-bar {
  background-color: transparent !important;
}
.el-cascader-panel {
  height: 185px;
  border-radius: 4px;
}

::v-deep .el-tabs__item {
  padding: 0px;
  width: 170px;
  text-align: center;
  /* // padding-right: 40px;
    // margin-left: 30px; */
}
.el-tabs__item.is-active {
  background-color: white !important; /* 使用你想要的蓝色 */
  color: #409eff !important; /* 字体颜色为白色 */
}

/* .train-tree-cascader .el-cascader-panel .el-cascader-menu__wrap {
  height: 500px !important;
} */
/* .el-scrollbar__wrap {
  overflow: initial;
} */
/* .el-scrollbar__wrap {
  overflow: initial !important;
} */
</style>
